const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,

  // devserver配置项 (支持所有的devServer的配置项)
  devServer: {
    host: "127.0.0.1", // 主机地址
    port: 8000, // 配置端口号
    open: true, // 自动打开浏览器
    proxy: {
      "/api1": {
        target: "http://gmall-h5-api.atguigu.cn/",   // 目标地址
        // 因为配置的代理多了一个/api1前缀，所以需要替换掉这个前缀
        pathRewrite: {
          "^/api1": "",
        },
        //把自己的请求伪装成目标服务器地址(防止目标服务器不让其他地址请求)
        changeOrigin: true,
      },
      // 可以配置多个目标服务器地址
      "/api2": {
        // 目标地址
        target: "http://gmall-h5-api.atguigu.cn/",
      },
    },
  },
  // 控制eslint是否在开发环境下每次保存时lint代码
  lintOnSave: true,

  //如果这个值是一个对象，则会通过 webpack-merge 合并到最终的配置中
  configureWebpack: {
    resolve: {
      // 配置别名
      alias: {
        "@comp": "@/components",
      }
    }
  }
})
